<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../css/mui.css" rel="stylesheet" />
</head>

<body>

<!-- CONTENT -->
<div class="mui-content">
	<!-- 顶部填充背景 -->
	<div style="background-color: #EC971F;height: 200px;width: 100%;" id="bck">
		<p style="color: white;padding: 80px 0 0 10px;font-size: 35px;font-weight: 600;">订单已送达</p>
	</div>
	<div style="margin-top: -50px;" class="mui-card">
		<div class="mui-card-content">
			<div class="mui-card-content-inner">
				感谢您对本产品的信任，期待再次光临
			</div>
			<div id="" class="mui-card-content-inner">
				<button type="button" class="mui-btn mui-btn-outlined">
					申请售后
				</button>
				<button type="button" class=" mui-btn-warning mui-btn-outlined">
					评价晒图
				</button>
			</div>
		</div>
	</div>
	
	<div class="mui-card">
		<div class="mui-card-content mui-navigate-right">
			<div class="mui-table-view-cell">
				<a id="feedback" href="javascript:;">
					<div style="margin: 5px 0;">
						食品安全理赔
					</div>
					<div style="margin: 5px 0;">
						<p style="font-size: 12px;">如食品发现异物、变质或引发就医，可在线申请理赔</p>
					</div>
				</a>
			</div>
		</div>
	</div>
	
	<div class="mui-card">
		<div class="mui-card-header">
			<div id="resName"></div>
			<button style="float: right;" type="button" class="mui-btn mui-btn-warning mui-btn-outlined">
				再来一单
			</button>
		</div>
		<div class="mui-card-content">
			<div class="mui-card-content-inner">
				<img id="orImg" class="mui-pull-left" width="50px" src="../images/restaurant/jituifan.jpg">
				<div>
					<div style="font-size: 18px;float: right;">￥12</div>
					<div id="orderCont" style="font-size:15px;color: black;width:250px;">鱼香脆皮鸡肉饭（小份）</div>
				</div>
				<div id="" style="margin-top: 40px;">
					<div style="font-size: 18px;float: right;">￥1</div>
					<div style="font-size:15px;color: black;width:250px;">
						<span class="mui-badge mui-badge-warning">配送费</span>
						商家配送
					</div>
				</div>
			</div>
		</div>
		<div class="mui-card-footer">
			<span class="mui-icon mui-icon-phone" style="font-size: 15px;color: #EC971F;">联系商家</span>
			实付  ￥13
		</div>
	</div>
	
	<div class="mui-card">
		<div class="mui-card-header">配送信息</div>
		<div class="mui-card-content">
			<div class="mui-card-content-inner">
				<span>送达时间</span><span style="float: right;">尽快送达</span>
			</div>
			<div class="mui-card-content-inner">
				<span>收货地址</span>
				<span style="float: right;">2号楼623</span>
			</div>
			<div class="mui-card-content-inner">
				<span>买家</span>
				<span style="float: right;">王 13355612318</span>
			</div>
			
		</div>
		<div class="mui-card-footer">
			<span>配送方式</span><span style="float: right;">商家配送</span>
		</div>
	</div>
	
	<div class="mui-card">
		<div class="mui-card-header">订单信息</div>
		<div class="mui-card-content">
			<div class="mui-card-content-inner">
				<span>订单号</span>
				<span style="float: right;">1230-0326-5512-1023-289</span>
			</div>
			<div class="mui-card-content-inner">
				<span>支付方式</span>
				<span style="float: right;">在线支付</span>
			</div>
			<div class="mui-card-content-inner">
				<span>下单时间</span>
				<span style="float: right;">2018-11-03 09：23</span>
			</div>
			<div class="mui-card-content-inner">
				<span>订单备注</span>
				<span style="float: right;">不要辣</span>
			</div>
		</div>
	</div>
	
	
	
	
	
</div>






<script src="../js/mui.js"></script>
<script type="text/javascript">
//订单信息
mui.plusReady(function(){
	var currentWeb=plus.webview.currentWebview();
	//var bodyTitle = document.getElementsByClassName("mui-title")[0];
	var resName = document.getElementById("resName");
	var orImg = document.getElementById("orImg");
	var orderCont = document.getElementById("orderCont");
	//bodyTitle.innerHTML = currentWeb.title;
	resName.innerText = currentWeb.resName;
	orderCont.innerText = currentWeb.orderCont;
	orImg.src=currentWeb.orImg;
})

//申请理赔
document.getElementById("feedback").addEventListener("tap",function(){
	mui.openWindow({
		url:"feedback.html",
		id:"feedback.html",
		show:{
			autoShow:true,
			aniShow:"slide-in-right",//页面显示动画，默认为”slide-in-right“；
			duration:200,//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
		},
		styles:{
			titleNView: {
				//type:'transparent',//透明渐变样式
				titleText: '申请理赔',
				titleColor:'white',
				backgroundColor: '#EC971F',
				autoBackButton:true
			},
		},
		waiting:{
			autoShow:false,//自动显示等待框，默认为true
			title:'正在加载...',//等待对话框上显示的提示内容
		},
		extras:{
		},
		});
})	
</script>
</body>

</html>
